<!DOCTYPE html> 
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <title>groups</title> 
    <link rel="stylesheet" href="lib/jquery.mobile-1.1.0/jquery.mobile-1.1.0.min.css" />
    <script src="lib/jquery/jquery-1.7.2.js"></script>
    <script src="lib/jquery.mobile-1.1.0/jquery.mobile-1.1.0.min.js"></script>
</head> 

<body> 

<div data-role="page">

    <div data-role="header" data-position="fixed">
    	<a href="start.html" data-icon="home" data-role="button">home</a>
        <h1>start</h1>
        <div data-role="navbar" data-iconpos="top">
            <ul>
                <li><a href="add_item.html" data-icon="plus">add item</a></li>
                <li><a href="add_item.html" data-icon="plus">add person</a></li>
                <li><a href="start.html" data-icon="star">groups</a></li>
            </ul>
        </div>
        <a href="start.html" data-icon="plus" data-role="button">new bill</a>
    </div><!-- /header -->

    <div data-role="content">   
    	<h1>groups</h1>
        <ul data-role="listview" data-theme="a" data-inset="true">
        	<!--
            <li data-icon="plus">
                <a href="add_item.html" data-rel="dialog">add item as dialog</a>
            </li>
            -->
            <li data-icon="plus">
                <a href="add_item.html" >add items to your bill</a>
            </li>
             <li data-icon="plus">
                <a href="add_item.html" >add items to your bill</a>
            </li>
            <li data-icon="alert"><a href="#">Alerts</a></li>
            <li data-icon="false"><a href="#">No icon</a></li>
        </ul>
    </div><!-- /content -->
    
    <div data-role="footer" data-position="fixed">
        <h4>ad space</h4>
    </div><!-- /footer -->
    
</div><!-- /page -->
</body>
</html>